import React from 'react';
import { Box } from '@ant-design/charts';

const BoxPlotChart = ({ data }) => {

  const config = {
    data,
    xField: 'category',
    yField: 'range',
    boxStyle: {
      fill: '#1890ff',
      stroke: '#1890ff',
    },
    outliersStyle: {
      fill: '#f5222d',
      stroke: '#f5222d',
    },
  };

  return <Box {...config} />;
};

export default BoxPlotChart;
